// createWebHashHistory 是hash模式就是访问链接带有#
// createWebHistory  是history模式
import { createRouter, createWebHashHistory, createWebHistory } from "vue-router"

//静态路由配置文件
//路由配置
//引入组件
import Login from "@/views/Login.vue"
import Home from "@/views/Home.vue"
import Page404 from "@/views/Page404.vue"
import Page403 from "@/views/Page403.vue"


const routes = [
    {
        path: "/",
        name: "Login",
        meta: {
            title: "登录",
        },
        component:Login
    },
    {
        path: "/login",
        redirect: "/",
    },
    {
        path: "/Page403",
        name: "Page403",
        meta: {
            title: "页面403",
        },
        component:Page403,
    },
    {
        path: "/:pathMatch(.*)*", // 代替vue2的通配符path: "*",
        name: "Page404",
        meta: {
            title: "页面404",
        },
        component: Page404
    },
    // {
    //     path: "/Home",
    //     name: "Home",
    //     meta: {
    //         title: "后台",
    //     },
    //     component: Home,
    // },
    // {
    //     path: "/Setup/ManageRole",
    //     name: "ManageRole",
    //     meta: {
    //         title: "角色管理",
    //     },
    //     component: () => import("../views/Setup/ManageRole.vue"),
    // },
    // {
    //     path: "/Setup/ManageMenu",
    //     name: "ManageMenu",
    //     meta: {
    //         title: "菜单管理",
    //     },
    //     component: () => import("../views/Setup/ManageMenu.vue"),
    // },
    // {
    //     path: "/Setup/ManageUser",
    //     name: "ManageUser",
    //     meta: {
    //         title: "管理员列表",
    //     },
    //     component: () => import("../views/Setup/ManageUser.vue"),
    // },
    // {
    //     path: "/sys/roles/edit",
    //     name: "ManageRoleEdit",
    //     meta: {
    //         title: "编辑角色",
    //         // showBread: true,
    //     },
    //     component: () => import("../views/Setup/ManageRoleEdit.vue"),
    // },
    // {
    //     path: "/Picture/PictureClassify",
    //     name: "PictureClassify",
    //     meta: {
    //         title: "商品图分类",
    //     },
    //     component: () => import("../views/Picture/PictureClassify.vue"),
    // },
    // {
    //     path: "/Picture/PictureList",
    //     name: "PictureList",
    //     meta: {
    //         title: "商品图列表",
    //     },
    //     component: () => import("../views/Picture/PictureList.vue"),
    // },
    // {
    //     path: "/News/NewsClass",
    //     name: "NewsClass",
    //     meta: {
    //         title: "文章分类",
    //     },
    //     component: () => import("../views/News/NewsClass.vue"),
    // },
    // {
    //     path: "/News/NewsList",
    //     name: "NewsList",
    //     meta: {
    //         title: "文章列表",
    //     },
    //     component: () => import("../views/News/NewsList.vue"),
    // },
    // {
    //     path: "/News/NewsAdd",
    //     name: "NewsAdd",
    //     meta: {
    //         title: "文章添加",
    //         showBread: true,
    //     },
    //     component: () => import("../views/News/NewsAdd.vue"),
    // },
    // {
    //     path: "/News/NewsEdit",
    //     name: "NewsEdit",
    //     meta: {
    //         title: "文章编辑",
    //         showBread: true,
    //     },
    //     component: () => import("../views/News/NewsEdit.vue"),
    // },
    // {
    //     path: "/Notice/NoticeList",
    //     name: "Notice",
    //     meta: {
    //         title: "消息列表",
    //         showBread: true,
    //     },
    //     component: () => import("../views/Notice/NoticeList.vue"),
    // },
    // {
    //     path: "/Notice/NoticeDetail",
    //     name: "NoticeDetail",
    //     meta: {
    //         title: "查看详情",
    //         showBread: true,
    //     },
    //     component: () => import("../views/Notice/NoticeDetail.vue"),
    // },
    // {
    //     path: "/Help",
    //     name: "Help",
    //     meta: {
    //         title: "帮助中心",
    //         showBread: true,
    //     },
    //     component: () => import("../views/Help.vue"),
    // },
    // {
    //     path: "/HelpDetail",
    //     name: "HelpDetail",
    //     meta: {
    //         title: "帮助中心详情",
    //         showBread: true,
    //     },
    //     component: () => import("../views/HelpDetail.vue"),
    // },
    {
        path: "/ChangePass",
        name: "ChangePass",
        meta: {
            title: "修改密码",
        },
        component: () => import("../views/ChangePass.vue"),
    },
    //
    // {
    //     path: "/Goods/GoodsList",
    //     name: "GoodsList",
    //     meta: {
    //         title: "商品列表",
    //     },
    //     component: () => import("../views/Goods/GoodsList.vue"),
    // },
    // {
    //     path: "/Order/OrderList",
    //     name: "OrderList",
    //     meta: {
    //         title: "订单列表",
    //     },
    //     component: () => import("../views/Order/OrderList.vue"),
    // },
    // {
    //     path: "/Order/OrderDetail",
    //     name: "OrderDetail",
    //     meta: {
    //         title: "订单详情",
    //         showBread: true,
    //     },
    //     component: () => import("../views/Order/OrderDetail.vue"),
    // },
    // {
    //     path: "/Goods/GoodsEdit",
    //     name: "GoodsEdit",
    //     meta: {
    //         title: "编辑商品",
    //         showBread: true,
    //     },
    //     component: () => import("../views/Goods/GoodsEdit.vue"),
    // }
];

const router = createRouter({
    history: createWebHashHistory(),
    scrollBehavior: () => ({y: 0}),
    routes,
})
//不需要登录的页面
const whiteList = ["/","/login"];
// 路由拦截
router.beforeEach((to, from, next) => {
    if(to.path === '/'){
        // 登录页清空所有缓存
        sessionStorage.clear()
        localStorage.clear()
    }
    const token = localStorage.getItem("token")
    if(!token){
        if(whiteList.indexOf(to.path) === -1){
            //将用户重定向到登录页面
            next({ path:'/'})
            return
        }
    }else{

    }
    if (to.meta.title) {
        document.title = to.meta.title + "_蚂蚁雄兵"
    }
    next()
})

export default router
